<template>
  <div id="app">
    <router-view></router-view>
    <div class="dd">kkk</div>
    <group>
      <popup-radio title="options" :options="options1" v-model="option1"></popup-radio>
      <popup-picker :title="title1" :data="list1" v-model="value1"></popup-picker>
    </group>
  </div>
</template>

<script>
import { Picker } from 'vux'
import { PopupRadio, Group, PopupPicker } from 'vux'
export default {
  name: 'app',
  data () {
    return {
      prices: [
        ['中国',
        '美国',
        '美国1',
        '美国2',
        '美国3',
        '美国9',
        '美国10',
        '美国11',
        '美国12',
        '美国13',
        '美国14',
        '美国15',
        '美国16',
        '美国4',
        '美国5',
        '哈国']
      ],
      option1: 'A',
      options1: ['A', 'B', 'C'],
      value: ['美国5'],
      title1: '手机型号',
      list1: [['小米', 'iPhone', '华为', '情怀', '三星', '其他', '不告诉你']],
      value1: ['iPhone'],
      columnsNum: 2
    }
  },
  mounted () {
    for (let index = 0; index < 20; index++) {
      this.options1.push(index)
    }
    console.log([1, 2, 'fanfan'].find(item => item === 'fanfan'))
  },
  components: {
    Picker,
    PopupRadio,
    Group,
    PopupPicker
  }
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';

body {
  background-color: #fbf9fe;
}
</style>
